<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../node_modules/jquery/dist/jquery.js"></script>
</head>
<body>
<ul>
    <li>我是第1个li</li>
    <li>我是第2个li</li>
    <li>我是第3个li</li>
</ul>
<button>新增li</button>
<script>
     $(function () {
         /**
          * 什么是事件委托?
          * 请别人做事,结果反馈给自己
          */
         $("button").click(function () {
            $("ul").append("<li>我是新增的li</li>");
         });

         // $("ul>li").click(function(){
         //     console.log($(this).html());
         // });
         $("ul").on('click','li',function () {
             console.log($(this).html());
         })
     });
</script>
</body>
</html>